<html>
    <head>
        <title>Rubra</title>
        <link rel="stylesheet" href="css/reset.css" type="text/css"  />
        <link rel="stylesheet" href="css/grid.css" type="text/css" />
        <link rel="stylesheet" href="css/general.css" type="text/css" />
        <link rel="stylesheet" href="css/menu.css" type="text/css" />
		<link rel="stylesheet" href="css/forms.css" type="text/css" />
        <link rel="stylesheet" href="css/css3.css" type="text/css"  />
        <link rel="stylesheet" href="css/jquery-ui-1.8.17.custom.css" type="text/css" />
        <link rel="stylesheet" href="css/style.css" type="text/css" />

        <script src="js/jquery-1.7.1.min.js"></script>
        <script src="js/modernizr-1.7.min.js"></script>
        <script src="js/jquery-ui-1.8.17.custom.min.js"></script>
        <script type="text/javascript" src="js/jquery-validate/jquery.validate.min.js"></script>
        <script type="text/javascript" src="js/crocus/util/jquery.validate.extend.js"></script>	
        <script type="text/javascript" src="js/jquery-validate/localization/messages_es.js"></script>	
        <script type="text/javascript" src="js/jquery.serializeObject.js"></script>
        <script type="text/javascript" src="js/jquery.json-2.3.min.js"></script>
        <script type="text/javascript" src="js/jquery.datalink2.js"></script>
        <script type="text/javascript" src="js/jquery.tmpl2.js"></script>
        <script type="text/javascript" src="js/jquery.mockjax.js"></script>
        
        <script>
        </script>
        
    </head>
    <body>
        <div class="head">
            <div class="row logo">
                <div class="col col_7">Rubra</div>
            </div>
            <div class="row">
        
                <ul class="menu">
                    <li><a href="#"><span>Administrador de eventos</span></a></li>
                    <li><a href="#"><span>Administrador de pasajeros</span></a></li>
                    <li><a href="#"><span>Administrador de usuarios</span></a></li>
                    <li><a href="#"><span>Eventos archivados</span></a></li>
                </ul>
                <ul class="menu">
                    <li><a href="#"><span>Alojamiento</span></a></li>
                    <li><a href="#"><span>Aereo</span></a></li>
                    <li><a href="#"><span>Vuelo</span></a></li>
                </ul>        
                <div class="breadcrumb">
                    <span class="left"></span>
                      <ul>
                        <li><a href="#">Eventos</a></li>
                        <li><a href="#">un Evento</a></li>
                        <li><a href="#">Pasajeros</a></li>
                        <li><a href="#" class="active">Registro Pasajero</a></li>
                      </ul>
                    <span class="right"></span>
                </div>
            </div>
                   
        </div>
        <div class="content">
            <div class="row">
            
                <h2>Servicios</h2>
                <div class="contenedor_mensaje col col_16">
		            <div  id="mensaje"></div>
	            </div>
            </div>
            <div class="row steps content_form">
                <div class="col col_3">&nbsp;</div>
                <div class="col col_10">
                    <form id="form_pasajero" name="form_pasajero">
			            <fieldset class="step s_column" id="seccion_pasajero">
				        <legend>Alojamientos</legend>
				            <div>
				                <div class="radio_column triple">
				                    <h3>Sheraton</h3>
				                    <div>
					                    <input id="alojamiento.requiere" name="alojamiento.requiere" type="radio" value="Si"/>
					                    <label for="alojamiento.requiere">Si</label> 
					                    
					                    <input id="alojamiento.requiere" name="alojamiento.requiere" type="radio" value="No"/>
					                    <label for="alojamiento.requiere">No</label> 
					                    
					                    <input id="alojamiento.requiere" name="alojamiento.requiere" type="radio" value="Modifica"/>
					                    <label for="alojamiento.requiere">Modifica</label> 
					                </div>
				                </div>
                                <div>
					                <label for="alojamiento.cantSimple">Cantidad hab. Simples</label> 
					                <input id="alojamiento.cantSimple" name="alojamiento.cantSimple" type="text"/>
				                </div>
				                <div>
					                <label for="alojamiento.cantDoble">Cantidad hab. Dobles</label> 
					                <input id="alojamiento.cantDoble" name="alojamiento.cantDoble" type="text"/>
				                </div>
				                <div>
					                <label for="alojamiento.cantOtra">Cantidad hab. Otras</label> 
					                <input id="alojamiento.cantOtra" name="alojamiento.cantOtra" type="text"/>
				                </div>
				            </div>
				            <div>
				                <div class="radio_column triple">
				                    <h3>Hilton</h3>
				                    <div>
					                    <input id="alojamiento.requiere" name="alojamiento.requiere" type="radio" value="Si"/>
					                    <label for="alojamiento.requiere">Si</label> 
					                    
					                    <input id="alojamiento.requiere" name="alojamiento.requiere" type="radio" value="No"/>
					                    <label for="alojamiento.requiere">No</label> 
					                    
					                    <input id="alojamiento.requiere" name="alojamiento.requiere" type="radio" value="Modifica"/>
					                    <label for="alojamiento.requiere">Modifica</label> 
					                </div>
				                </div>
                                <div>
					                <label for="alojamiento.cantSimple">Cantidad hab. Simples</label> 
					                <input id="alojamiento.cantSimple" name="alojamiento.cantSimple" type="text"/>
				                </div>
				                <div>
					                <label for="alojamiento.cantDoble">Cantidad hab. Dobles</label> 
					                <input id="alojamiento.cantDoble" name="alojamiento.cantDoble" type="text"/>
				                </div>
				                <div>
					                <label for="alojamiento.cantOtra">Cantidad hab. Otras</label> 
					                <input id="alojamiento.cantOtra" name="alojamiento.cantOtra" type="text"/>
				                </div>
				            </div>
				            
				            <div> 
				                <h3>Comparte con</h3>
				                <ul>
				                    <li>Juan Perez</li>
				                    <li>Mickey Mouse</li>
				                </ul>
				            </div>                          
                            				            
				        </fieldset>
				        <button class="button" id="crear_actualizar">Crear </button>
                        <button class="button" id="volver" class="cancel">Volver al listado</button>
				    </form>
				    
                </div>
                <div class="col col_3">&nbsp;</div>
            </div>        
        </div>
        <div class="row footer">
        
        </div>
    </body>
</html>
